*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--accent-1: #50e3c2;--accent-2: #4a90e2;--accent-3: #00ffff;--accent-4: #ff7e5f}body{overflow:hidden;touch-action:none;background:radial-gradient(1200px 800px at 70% 30%,#07111d,#050b14 40%,#040910 60%,#03070c);color:#fff}#game-container{position:relative;width:100vw;height:100vh}#game-canvas{position:absolute;inset:0;width:100%;height:100%}#ui-container{position:absolute;inset:0;pointer-events:auto}.screen{position:absolute;inset:0;display:none;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;background:radial-gradient(800px 600px at 60% 45%,#24385447,#0000008c);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.screen.active{display:flex}h1{font-size:3.4rem;font-weight:900;letter-spacing:1px;background:linear-gradient(90deg,#fff,#e8f8ff 40%,#c9f7ff 60%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 40px rgba(80,227,194,.15);margin-bottom:8px}.hero-subtitle{font-size:1.2rem;opacity:.9;margin-bottom:12px}.hero-features{font-size:.98rem;color:#cce9ff;background:#50e3c214;border:1px solid rgba(80,227,194,.2);padding:8px 14px;border-radius:999px}.btn{padding:12px 24px;margin:10px;border:none;border-radius:40px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;min-width:160px}.btn.primary{background:linear-gradient(90deg,var(--accent-2),var(--accent-1));color:#fff}.btn.secondary{background:linear-gradient(90deg,#ff9a7a,#ffc08e);color:#fff}.btn.danger{background:linear-gradient(90deg,#ff416c,#ff4b2b);color:#fff}.btn.icon{width:52px;height:52px;border-radius:50%;min-width:0;padding:0}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000040}.btn:active{transform:translateY(0);box-shadow:0 6px 14px #00000038}.start-buttons{display:flex;flex-direction:column;align-items:center;margin:18px 0 26px}.settings-button{position:absolute;bottom:30px;right:30px}.settings-group{margin:18px 0;width:80%;max-width:420px}.settings-group label{display:flex;justify-content:space-between;align-items:center;font-size:1.05rem}.settings-group input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent-2);cursor:pointer}.settings-group select{padding:10px 15px;border:none;border-radius:50px;font-size:1rem;background:#ffffff14;color:#fff;cursor:pointer}.settings-group select option{background-color:#223;color:#e9faff}.settings-buttons{display:flex;justify-content:center;margin-top:20px}.game-ui{position:absolute;top:0;left:0;right:0;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;z-index:6}.score-display,.combo-display,.pause-button{background:#00000042;padding:10px 16px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.07)}.score-label{font-size:1rem;opacity:.95;margin-right:8px}.score-value{font-size:1.4rem;font-weight:800;color:var(--accent-1)}.combo-value{font-size:1.35rem;font-weight:800;color:var(--accent-4);margin-right:6px}.combo-multiplier{font-size:1rem;opacity:.9}.score-summary{display:flex;justify-content:space-around;width:82%;max-width:680px;margin:22px 0 10px;background:#00000042;padding:18px;border-radius:18px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.06)}.label{font-size:1rem;opacity:.92;margin-bottom:6px}.value{font-size:1.8rem;font-weight:800}.final-score .value{color:var(--accent-1)}.final-combo .value{color:var(--accent-4)}.final-steps .value{color:#ffc08e}.leaderboard-preview{width:82%;max-width:680px;margin-top:16px;background:#00000042;padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.06)}.leaderboard-list{display:flex;flex-direction:column;max-height:220px;overflow-y:auto}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;padding:10px;margin:6px 0;background:#00000038;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.rank{width:34px;text-align:center;font-weight:800}.score{width:68px;text-align:center;font-weight:800}.details{flex:1;margin:0 10px;text-align:left}.theme.minimal{color:#d0d0d0}.theme.neon{color:var(--accent-3)}.theme.grass{color:#7cfc00}.date{font-size:.82rem;color:#a9b9cc}.replay-btn{width:40px;height:40px;border-radius:50%}.tag{position:absolute;top:18px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#ff7e5f,#feb47b);color:#fff;padding:8px 18px;border-radius:999px;font-size:1rem;font-weight:700;z-index:7;display:none}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(100px);background:#000c;color:#fff;padding:10px 18px;border-radius:999px;font-weight:700;z-index:100;opacity:0;transition:all .25s ease}.toast.active{transform:translate(-50%) translateY(0);opacity:1}.charge-ring{position:absolute;left:50%;bottom:70px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:96px;height:96px;pointer-events:none;z-index:6}.charge-ring .ring{--deg: 0deg;width:96px;height:96px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,0) 70%,transparent 71% 100%),conic-gradient(from -90deg,var(--accent-1) var(--deg),rgba(255,255,255,.08) 0);box-shadow:0 0 18px #50e3c259,inset 0 0 12px #ffffff0f}.charge-ring .dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 16px #fffc}.tutorial-bubble{position:absolute;bottom:120px;left:50%;transform:translate(-50%);padding:10px 16px;border-radius:12px;background:#00000073;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tutorial-bubble.hidden{display:none}.share-content{display:flex;flex-direction:column;align-items:center;width:82%;max-width:680px;margin:24px 0}.share-link,.share-screenshot{width:100%;margin:12px 0}.link-container{display:flex;width:100%}#share-link-input{flex:1;padding:12px 20px;border:none;border-radius:50px 0 0 50px;font-size:1rem;background:#ffffff14;color:#fff;outline:none}#copy-link{border-radius:0 50px 50px 0}@media(max-width:768px){h1{font-size:2.6rem}.btn{min-width:140px}}@media(max-width:480px){h1{font-size:2.2rem}.btn{min-width:120px;padding:10px 16px}}#game-screen{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}